h3,
p {
    text-align: center;
}

.first>div {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    width: 600px;
    height: 100px;
    border: 1px solid blue;
    margin: auto;
}

.first div>* {
    flex: auto;
    height: 80px;
}

.first div>*:nth-child(2n) {
    background: #dfdfdf;
}

.first div>*:nth-child(2n+1) {
    background: #ffff00;
}

.first div>*:nth-child(3) {
    align-self: flex-end;
}


.second>div {
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    width: 600px;
    height: 200px;
    border: 1px solid blue;
    margin: auto;
}

.second div>* {
    flex: auto;
}

.second div>*:nth-child(2n) {
    background: #dfdfdf;
}

.second div>*:nth-child(2n+1) {
    background: #ffff00;
}

.second div>*:nth-child(3) {
    align-self: flex-end;
}